<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>thumb</title>

<link rel="stylesheet" href="../styles/uigg.css">

<script src="../js/jquery.min.js"></script>
<script src="../js/uigg.js"></script>
</head>

<body>

<style>
    section {padding: 30px;}
    img,
    span {width: 100px;height: 100px;float: left;background-size: cover;}
    h3 {padding: 20px 0;}
</style>

<!----------------------------------------------------------------------------------------->

<section>
    <h3>title</h3>
    <h5 uigg="title"></h5>

    <h3>txt</h3>
    <p uigg="txt"></p>

    <h3>emot</h3>
    <div uigg="emot"></div>

    <h3>img</h3>
    <img uigg="bg">
    <img uigg="img">
    <img uigg="product">
    <img uigg="avatar">
    <img uigg="color">

    <div class="clear"></div>

    <h3>background image</h3>
    <span uigg="bg"></span>
    <span uigg="img"></span>
    <span uigg="product"></span>
    <span uigg="avatar"></span>
    <span uigg="color"></span>
</section>

<!----------------------------------------------------------------------------------------->

</body>
</html>